﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Máy Tốt</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
		<link href="css/bootstrap/bootstrap-theme.min.css" rel="stylesheet">

		<!-- Css -->
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!-- BEGIN HEADER -->
		<div id="header">
			<div id="header-content">
				<div class="header-form">
					<div class="header-input">
						<button class="btn btn-lg btn-danger" type="submit">
							<span class="glyphicon glyphicon-pencil"></span> Đăng Tin Miễn Phí
						</button>
						<button class="btn btn-lg btn-danger" type="submit"  href="#signup" data-toggle="modal" data-target=".bs-modal-sm">Đăng Nhập</button>
					</div>
					<div class="header-regist"></div>
				</div>
				<div class="header-logo">
					May Tot
				</div>

			</div>
		</div>
		<!-- END HEADER -->

		<!-- BEGIN CONTAINER -->
		<div id="container">
			<!-- BEGIN MENU-LEFT -->
			<div id="menu-left">
				<div id="wrapper">
				    <ul class="menu">
				        <li class="item1"><a href="#">Thiết bị nâng hạ</a>
				            <ul>
				                <li class="subitem1"><a href="#">Cute Kittens <span>14</span></a></li>
				                <li class="subitem2"><a href="#">Strange “Stuff” <span>6</span></a></li>
				                <li class="subitem3"><a href="#">Automatic Fails <span>2</span></a></li>
				            </ul>
				        </li>
				        <li class="item2"><a href="#">Máy xây dựng</a>
				            <ul>
				                <li class="subitem1"><a href="#">Cute Kittens <span>14</span></a></li>
				                <li class="subitem2"><a href="#">Strange “Stuff” <span>6</span></a></li>
				                <li class="subitem3"><a href="#">Automatic Fails <span>2</span></a></li>
				            </ul>
				        </li>
				        <li class="item3"><a href="#">Galleries</a>
				            <ul>
				                <li class="subitem1"><a href="#">Cute Kittens <span>14</span></a></li>
				                <li class="subitem2"><a href="#">Strange “Stuff” <span>6</span></a></li>
				                <li class="subitem3"><a href="#">Automatic Fails <span>2</span></a></li>
				            </ul>
				        </li>
				        <li class="item4"><a href="#">Podcasts</a>
				            <ul>
				                <li class="subitem1"><a href="#">Cute Kittens <span>14</span></a></li>
				                <li class="subitem2"><a href="#">Strange “Stuff” <span>6</span></a></li>
				                <li class="subitem3"><a href="#">Automatic Fails <span>2</span></a></li>
				            </ul>
				        </li>
				        <li class="item5"><a href="#">Robots</a>
				            <ul>
				                <li class="subitem1"><a href="#">Cute Kittens <span>14</span></a></li>
				                <li class="subitem2"><a href="#">Strange “Stuff” <span>6</span></a></li>
				                <li class="subitem3"><a href="#">Automatic Fails <span>2</span></a></li>
				            </ul>
				        </li>
				    </ul>
				</div>
			</div>
			<!-- END MENU-LEFT -->

			<!-- END MENU-RIGHT -->
			<div id="menu-right">
				<div class="row-3-image">
					<a href="#"><img src="images/images-home/hinh-xe-nang.jpg"/></a>
					<a href="#"><img src="images/images-home/hinh-xe-dao.jpg"/></a>
					<a href="#"><img src="images/images-home/hinh-xe-xuc-lat.jpg"/></a>
				</div>
				<div class="row-3-image">
					<a href="#"><img src="images/images-home/hinh-xe-ui.jpg"/></a>
					<a href="#"><img src="images/images-home/hinh-may-phat-dien.jpg"/></a>
					<a href="#"><img src="images/images-home/hinh-xe-tai.jpg"/></a>
				</div>
				<div class="row-3-image">
					<a href="#"><img src="images/images-home/hinh-iphone.jpg"/></a>
					<a href="#"><img src="images/images-home/hinh-laptop.jpg"/></a>
					<a href="#"><img src="images/images-home/hinh-dong-ho.jpg"/></a>
				</div>
			</div>
			<!-- END MENU-RIGHT -->

			<div id="ban-do">
				<img src="images/images-home/maps-vietnam.jpg"/>
			</div>

			<!-- BEGIN LIKE FACEBOOK -->
			<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true">
			</div>
			<!-- END LIKE FACEBOOK -->
		</div>
		<!-- END CONTAINER -->

		<!-- BEGIN FOOTER -->
		<div id="footer">
			<div class="footer-container">
	            <div class="footer-child">
	            	<span class="footer-title">Hỗ trợ khách hàng</span>
	            	<a href="#"><span>Quy định đăng tin</span></a>
					<a href="#"><span>An toàn mua bán</span></a>
					<a href="#"><span>Trợ Giúp</span></a>
					<a href="#"><span>Trúng Thưởng</span></a>
	            </div>	
	            <div class="footer-child">
	            	<span class="footer-title">Về Máy Tốt</span>
	            	<a href="#"><span>Quy chế hoạt động</span></a>
					<a href="#"><span><a href="#"><span>Hiểu thêm về maytot.vn</span></a>
					<a href="#"><span>Theo dõi</span></a>
					<a href="#"><span>Tuyển dụng</span></a>
	            </div>	
	            <div class="footer-child">
					<span class="footer-title">Hỗ trợ khách hàng</span>
	            </div>	
            </div>
	    </div>

		<!-- END FOOTER -->


		<!-- BEGIN POPUP LOGIN -->
	    <div class="modal fade bs-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
	      	<div class="modal-dialog modal-sm">
	        	<div class="modal-content">
	          		<div class="modal-body">
	            		<div id="myTabContent" class="tab-content">
	            			<div class="tab-pane fade active in" id="signin">
	               				<form class="form-horizontal">
	                				<fieldset>
						                <!-- Sign In Form -->
						                <!-- Text input-->
						                <div class="control-group">
	                  						<label class="control-label" for="userid">Username :</label>
	                  						<div class="controls">
	                    						<input required="" id="userid" name="userid" type="text" class="form-control" placeholder="JoeSixpack" class="input-medium" required="">
	                  						</div>
	                					</div>

	                					<!-- Password input-->
						                <div class="control-group">
						                  	<label class="control-label" for="passwordinput">Password :</label>
						                  	<div class="controls">
						                    	<input required="" id="passwordinput" name="passwordinput" class="form-control" type="password" placeholder="********" class="input-medium">
						                  	</div>
						                </div>

						                <!-- Button -->
						                <div class="control-group">
						                  	<label class="control-label" for="signin"></label>
					                  		<div class="controls">
					                    		<button id="signin" name="signin" class="btn btn-success">Sign In</button>
					                  		</div>
						                </div>
	                				</fieldset>
	                			</form>
	            			</div>
	        			</div>
	          		</div>
	          		<div class="modal-footer">
	          			<center>
	            			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	            		</center>
	          		</div>
	        	</div>
	      	</div>
	    </div>
		<!-- END POPUP LOGIN -->
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery-2.1.1.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap/bootstrap.min.js"></script>

		<script src="js/style.js"></script>
	</body>
</html>